
<%@ page import="com.asisto.model.Cliente" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="layout" content="main" />
        <title>Edit Cliente</title>

        <g:javascript library="prototype"/>

    </head>
    <body>
        <div class="body">
            
            <g:if test="${flash.message}">
            <div class="message">${flash.message}</div>
            </g:if>
            <g:hasErrors bean="${clienteInstance}">
            <div class="errors">
                <g:renderErrors bean="${clienteInstance}" as="list" />
            </div>
            </g:hasErrors>
            <g:form method="post" >
                <input type="hidden" name="id" value="${clienteInstance?.id}" />
                <input type="hidden" name="version" value="${clienteInstance?.version}" />
                <div class="dialog">

                <div class="formulario">

                  <div class="titulo">Modificar cliente</div>

                  <dl>
                  <dt>Apellidos: </dt>
                  <dd>
                    <div class="value ${hasErrors(bean:clienteInstance,field:'apellidos','errors')}">
                        <input type="text" maxlength="100" size="50" id="apellidos" name="apellidos"
                               value="${fieldValue(bean:clienteInstance,field:'apellidos')}"/>
                    </div>

                  </dd>

                  <dt>Nombre:</dt>
                  <dd>
                    <div class="value ${hasErrors(bean:clienteInstance,field:'nombre','errors')}">
                        <input type="text" maxlength="100" size="50" id="nombre" name="nombre"
                               value="${fieldValue(bean:clienteInstance,field:'nombre')}"/>
                    </div>
                  </dd>


                  <dt>Teléfono:</dt>
                  <dd>
                    <div class="value ${hasErrors(bean:clienteInstance,field:'telefono','errors')}">
                        <input type="text" maxlength="100" size="15" id="telefono" name="telefono"
                               value="${fieldValue(bean:clienteInstance,field:'telefono')}"/>
                    </div>
                  </dd>


                  <dt>Tipo: </dt>
                  <dd>
                    <div class="value ${hasErrors(bean:clienteInstance,field:'tipo','errors')}">
                        <g:select from="${com.asisto.model.TipoCliente?.values()}"
                            valueMessagePrefix="tipocliente"
                            optionKey="nombre"
                            value="${clienteInstance?.tipo?.nombre}" name="tipo"/>
                    </div>
                  </dd>

                  <dt>Estado: </dt>
                  <dd>
                    <div class="value ${hasErrors(bean:clienteInstance,field:'estado','errors')}">
                        <g:select from="${com.asisto.model.EstadoCliente?.values()}"
                            valueMessagePrefix="estadocliente"
                            optionKey="nombre"
                            value="${clienteInstance?.estado?.nombre}" name="estado"/>
                    </div>
                  </dd>
                
                </dl>

                </div>

                <div class="botones">
                    <g:actionSubmit name="modificar" action="update" value="Modificar"/>
                </div>

                </div>
            </g:form>



            <div id="acordeon">
              <h3><a href="#">Notas</a></h3>
              <div>

                  <div id="lista" style="float:left; width:50%;">
                      <g:render template="/cliente/listaNotas"
                              model="[notas:notasCliente]"/>
                  </div>

                  <div style="margin-left:5px; float:left; width:45%;">
                    <g:form>
                    <input type="hidden" name="cliente" value="${clienteInstance?.id}" />
                    <g:textArea rows="10" cols="20" id="mensaje" name="mensaje"/><br/>
                    <g:submitToRemote update="lista"
                          url="[controller:'cliente',action:'nuevaNota']"
                          value="Añadir"/>
                    </g:form>

                  </div>

            </div>

        </div>



<g:javascript>
      jQuery(function(){
          jQuery('#acordeon').accordion({collapsible:true, active:false});
      });
</g:javascript>

    </body>
</html>
